import React from 'react';
import styles from './Index.module.css';
import { Hand } from '../../componment/Hand';
import notice from '../../img/notice.gif';
import speeching from '../../img/speeching.gif';
import answer from '../../img/answer-model.svg';
import chat from '../../img/chat-model.svg';
import night from '../../img/night-model.svg';
const Index = () => {

  return (
    <div className={styles.homeWrapper}>
      <Hand></Hand>

      <div className={styles.bellNotice}>
        <span>呼唤"小维小维"，开始新一轮对话</span>
        <img src={notice} alt="铃铛" />
      </div>
      <div className={styles.content}></div>
      <div className={styles.bottom}>
        <img src={speeching} alt="对话" />
      </div>
      <div className={styles.rightBorder}></div>
      <div className={styles.rightlogin}>
        <img src={answer} alt="问题" />
        <img src={chat} alt="聊天" />
        <img src={night} alt="黑白" />
      </div>
    </div>
  );
};

export default Index;

<img src={notice} alt="铃铛" />   